<template>
	<view class="nav-list-wrapper flex flex-wrap flex-space-between">
		<view class="nav-tiem font28 color-b3 flex flex-column flex-center" v-for="(item, index) in list" :key="index">
			<image style="width: 112rpx;height: 112rpx;" :src="item.icon" mode=""></image>
			<text class="text">{{ item.label }}</text>
		</view>
	</view>
</template>

<script setup lang="ts">
	const props = defineProps({
		list: {
			type: [Object, Array],
			default: []
		}
	})
</script>

<style lang="scss">
	.nav-tiem {
		width: 152rpx;
		margin-bottom: 30rpx;
		.text {
			font-size: 28rpx;
			color: #333;
			font-weight: 500;
			padding-top: 16rpx;
		}
	}
</style>